<!--
  Generated template for the BuycarPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar color="light">
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png">
      </button>
    </ion-buttons> 
    <ion-title>选择订单</ion-title>
    <!-- <ion-buttons end (click)="gotoother()">
      <button ion-button color="danger">
        新增
      </button>
    </ion-buttons>
    <ion-buttons end (click)="activationCLI()" *ngIf="a== false">
      <button ion-button>
        管理
      </button>
    </ion-buttons>
    <ion-buttons end (click)="activationokCLI()" *ngIf="a == true">
      <button ion-button>
        完成
      </button>
    </ion-buttons> -->
  </ion-navbar>
</ion-header>


<ion-content #shopContainer>

  <ion-grid class="all">
    <ion-row *ngFor="let item of servicelist;let i=index;" class="happy">
      <ion-col col-5>
        <div style="width:10rem;height:10rem;">
            <img style="width:100%;height:100%;" src="{{picrooturl}}{{item.imgs}}" alt="">
        </div>
      </ion-col>
      <ion-col col-5>
        <h6>{{item.service_name}}</h6>
        <p>{{item.expiry_time}}天</p>
      </ion-col>
      <ion-col col-2>
        <img src="{{item.selectimg}}" class="myimgclass" (click)="selectimg(i,item)" />
      </ion-col>
      <!-- <div class="grow" id="grow">
          <ion-list>
              <div id="personmessage">
                  <ion-item>
                      <ion-label>美甲名称</ion-label>
                      <ion-input type="text" maxlength="10" [(ngModel)]="userApi.service_name"></ion-input>
                  </ion-item>
                  <ion-item>
                      <ion-label>价格</ion-label>
                      <ion-input type="number" [(ngModel)]="userApi.service_price"></ion-input>
                  </ion-item>
                  <ion-item>
                      <ion-label>原价</ion-label>
                      <ion-input type="number" [(ngModel)]="userApi.market_price"></ion-input>
                  </ion-item>
                  <ion-item>
                      <ion-label>使用工具</ion-label>
                      <ion-input type="text" [(ngModel)]="userApi.tools"></ion-input>
                  </ion-item>
                  <ion-item>
                      <ion-label>使用材料</ion-label>
                      <ion-input type="text" [(ngModel)]="userApi.material"></ion-input>
                  </ion-item>
                  <ion-item>
                      <ion-label>耗时</ion-label>
                      <ion-input type="number" [(ngModel)]="userApi.consuming_time"></ion-input>
                  </ion-item>
              </div>
      
              <ion-item class="img">
                  <ion-col  *ngFor="let item of imgarr;let i=index;">
                      <img width="90" height="90" src="assets/img/nailShopBg.jpg" alt="">
                      <span class="delet">
                          <img src="assets/img/ios/guanbi--@2x.png" alt="">
                      </span>
                  </ion-col>
                  <img src="assets/img/picbj.png" width="90" height="90" (click)='presentActionSheetCamr()' />
                  <p class="bgionc">
                      <span class="myshow">( 请上传1-3张宣传图片 )</span>
                  </p>
      
              </ion-item>
          </ion-list>
      </div>    -->
    </ion-row>
    
    <ion-row>
      <ion-col col-12>
          <!-- <button ion-button color="danger" full round (click)="gotopublic()">继续发布</button> -->
         <button  style="margin-top:1rem" ion-button color="danger" full round  (click)="gotopublic()">继续发布</button>
         <button ion-button outline clear full color="dark" (click)="gotoother()">发布其他服务</button> 
      </ion-col>
    </ion-row>
  </ion-grid>


</ion-content>